<template>
  <section class="app-help-list">
    <section class="app-main">

      <div class="module-title">
        常见问题
      </div>
      <div class="module-body">
        <mt-cell class="item" title="（1）合约单流程" is-link @click.native="handleOpenDetails"></mt-cell>
        <mt-cell class="item" title="（2）派工流程" is-link @click.native="handleOpenDetails"></mt-cell>
        <mt-cell class="item" title="（3）收费标准" is-link @click.native="handleOpenDetails"></mt-cell>
        <mt-cell class="item" title="（4）交接事项" is-link @click.native="handleOpenDetails"></mt-cell>
      </div>
      <mt-popup
        v-model="popupDetails"
        position="bottom" class="popup-help-details">
        <span class="iconfont icon-close2" @click="popupDetails=false"></span>
        <div class="popup-details-header">合约单流程</div>
        <div class="popup-details-body">
          <p>一、接单：大粤集群车宝下单群下单信息，客服群里回复“收到”并登记书面台账；<br>二、派单：&nbsp;</p><p>1）首先问大粤调度是否接单，如接单，编辑完善信息派派（选项：不收款）派单给大粤总部，完工需要点击“确认完工”；</p><p>2）如大粤调度不接单，客服编辑完善信息派派（选项：不收款）外派给基地附近的合作门店，同时客服通知大粤总部开销售单---转发电子版销售单给门店（销售单存档）---跟进门店施工进度、查看上传照片（车辆含车牌照片，更换前照片，更换后照片，有基地负责人确认签字的销售单照片）---完工点击“确认完工”；</p><p>&nbsp;3）每周日客服核对一遍当周集群车宝的单，发现问题周一及时处理。月末客服跟进门店将有基地负责人确认签字的销售签单，回寄到大粤前台客服核对，确认无误交大粤财务部。财务部核对后，需在派派上核对确认，确认后的单服务费进入门店超级管理员的账户，按账期时间（3个月）自动转入可提现余额中。</p><p>&nbsp;4）取消单：收到大粤集群车宝下单群的取消通知，客服跟进派派上取消，同时台账备注取消日期和原因。</p>

        </div>
        <div class="button-content">
          <mt-button type="primary" @click="popupDetails=false">返回</mt-button>
        </div>
      </mt-popup>
    </section>
  </section>
</template>

<script>
  import { Header,Cell,Toast,MessageBox,} from 'mint-ui';
  export default {
    components:{
      Header,
      Cell,
    },
    data () {
      return {
        popupDetails:false,
      }
    },
    mounted(){
    },
    methods:{
      handleOpenDetails(){
        this.popupDetails=true
      },

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style>
  .app-help-list .module-title{
    padding:16px 12px 12px;
    font-size: 15px;
  }
  .app-help-list .module-title:before{
    background:#007EE5;
    position: relative;
    top:-2px;
    display:inline-block;
    vertical-align: middle;
    width:3px;
    height:12px;
    content: '';
    margin-right:4px;
  }
  .app-help-list .popup-help-details{
    width: 100%;
    height: 100%;
    padding:36px 24px;
    overflow: auto;
    font-size: 16px;
  }
  .popup-help-details .popup-details-header{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
  }
  .app-help-list .popup-help-details .icon-close2{
    position: fixed;
    top:18px;
    right:24px;
    font-size: 22px;
  }
  .app-help-list .popup-help-details .button-content{
    text-align: center;
  }
</style>
